<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-nl" lang="nl-nl" >
<head><title>AllVideos Reloaded Documentatie</title>
<style type="text/css">
    body {
        font-family:Arial,Helvetica,sans-serif;
        font-size:76%;
        line-height:1.3;
    }
    a {
        text-decoration:none;
        font-weight:bold;
    }
    a:hover {
        text-decoration:underline;
    }
    a:active,a:focus {
        outline:none;
    }
    a,h2,a:hover,li#current a,li.parent li#current a,li#current li a:hover {
       color:#53a31c;
    }
    .small,.createdate,.modifydate {
        font:0.9em Arial,Helvetica,sans-serif;
        color:#53a31c;
    }
    table.avrtable {
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    table.avrtable td,
    table.avrtable th {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
    }
    
    span.alert {
        background:#FFD6D6 url(notice-alert.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FE7B7A;
        border-top:3px solid #FE7B7A;
        color:#CC0000;
    }
    span.info {
        background:#C0D2E8 url(notice-info.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #629DE3;
        border-top:3px solid #629DE3;
        color:#0055BB;
    }
    span.note {
        background:#F0E6BE url(notice-note.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FDE179;
        border-top:3px solid #FDE179;
        color:#B79000;
    }
    span.download {
        background:#DEE6C5 url(notice-download.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #C2DF88;
        border-top:3px solid #C2DF88;
        color:#57861A;
    }
    span.alert, span.info, span.download, span.note {
        display:block;
        margin:15px 0pt;
        padding:10px 10px 10px 45px;
    }
    .contenttoc {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
</style>
</head><body>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
	<table cellpadding="0" cellspacing="0" class="contenttoc">
	<tr>
		<th>Artikelindex</th>
	</tr>
	<tr>
		<td>
		<a href="nl-nl.doc0.html">Introductie</a>
		</td>
	</tr>
			<tr>
				<td>
				<a href="nl-nl.doc1.html">Licentie</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc2.html">Streaming lokale inhoud</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc3.html">Streaming verafgelegen inhoud</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc4.html">Plugin Parameters</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc5.html">Afspeellijsten gebruiken</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc6.html">Managing playlists</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc7.html">Using the AVR Media button</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc8.html">Popup window and lightbox</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc9.html">The system plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="nl-nl.doc10.html">Managing Players, Rippers and Tags</a>
				</td>
			</tr>
			</table><div class="pagenavcounter">Pagina 6 van 11</div>
<h2>Afspeellijsten gebruiken</h2>
<p>Wanneer je lokale media streamt met de JW Media speler, kun je in plaats van een enkel media bestand, gebruik maken van een XML afspeellijst bestand. Natuurlijk, als je wilt voorzien in een afspeellijst bestand, dien je gebruik te maken van de <strong>auto</strong> tag of één van de <strong>remote</strong> varianten, omdat deze als enigen geen gebruik maken van enige automatisch voorgedefinieerde extensies. In plaats van gebruik te maken van een directe media url, kun je nu de afspeellijst URL gebruiken. De speler ondersteund drie algemeen gebruikte afspeellijst formaten om zeker te kunnen zijn van maximale verenigbaarheid: <a href="http://en.wikipedia.org/wiki/XSPF">XSPF</a> (veel gebruikt voor CC muziek), <a href="http://en.wikipedia.org/wiki/RSS">RSS</a> (veel gebruikt voor Podcasts) en <a href="http://en.wikipedia.org/wiki/ATOM">ATOM</a> (veel gebruikt door Blogs). Op Jeroen's website, heeft hij een aantal extra voorbeelden geplaatst van <a href="http://www.jeroenwijering.com/upload/xspf_example.xml">een xspf afspeellijst</a> en <a href="http://www.jeroenwijering.com/upload/rss_example.xml">een rss afspeellijst</a>, met bijna alle ondersteunde tags inbegrepen.</p>
<p>Met afspeelijsten, kun je enkele effecten bereiken die niet beschikbaar zijn met het gebruik van de standaard media URLs. Bijvoorbeeld, je kunt een vooruitblik afbeelding toevoegen aan een video. Deze afbeelding is zichtbaar, ook wanneer de speler is gestopt. Hier is een simpel voorbeeld. Dit voorbeeld word gebruikt op de website om een vooruitblik afbeelding te tonen in de kleine video op de voorpagina:</p>
<pre class="xml">&nbsp;
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;playlist</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">xmlns</span>=<span style="color: #ff0000;">&quot;http://xspf.orig/ns/0/&quot;</span><span style="font-weight: bold; color: black;">&gt;</span></span>
    <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;title<span style="font-weight: bold; color: black;">&gt;</span></span></span>CG Playlist<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/title<span style="font-weight: bold; color: black;">&gt;</span></span></span>
    <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;trackList<span style="font-weight: bold; color: black;">&gt;</span></span></span>
      <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;track<span style="font-weight: bold; color: black;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;title<span style="font-weight: bold; color: black;">&gt;</span></span></span>Reloaded<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/title<span style="font-weight: bold; color: black;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;location<span style="font-weight: bold; color: black;">&gt;</span></span></span>/images/stories/videos/matrix.flv<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/location<span style="font-weight: bold; color: black;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;image<span style="font-weight: bold; color: black;">&gt;</span></span></span>/images/stories/videos/matrix_thumb_small.jpg<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/image<span style="font-weight: bold; color: black;">&gt;</span></span></span>
      <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/track<span style="font-weight: bold; color: black;">&gt;</span></span></span>
    <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/trackList<span style="font-weight: bold; color: black;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/playlist<span style="font-weight: bold; color: black;">&gt;</span></span></span>
&nbsp;</pre>
<p><span class="info"><!-- TRANSLATE -->Please note also, that if you use the <strong>auto</strong> tag (without an absolute URL), then the playlist file itself must be located in the images/stories/<strong>videos</strong> subdir, even if the list references only audio files.</span> Furthermore, if you use a .<strong>m4v</strong> file extension in the location tag, then you <strong>must</strong> specify the media type manually for the relevant track by adding the following element at the <strong>end</strong> of the track definition:<!-- /TRANSLATE --><samp>&lt;meta rel=&quot;type&quot;&gt;flv&lt;/meta&gt;</samp></p>
<h2>Afspeellijsten Tonen</h2>
<p>Een behoorlijke afspeellijst tonen kan soms een gevecht worden als je niet weet hoe de speler omgaat met de verschillende parameters binnen je inhoud. Hier zal ik proberen de logica uit te leggen: Voor beiden, de speler zijn breedte en hoogte, bestaat een tweede parameter genaamd <strong>vertoonbreedte</strong> en <strong>vertoonhoogte</strong>. Normaliter worden deze niet gedefinieerd met als resultaat dat de speler de standaard afbeelding laat zien. Indien één van beiden wel is ingesteld als kleinere waarde, zal de afspeellijst getoond worden. Als je de vertoonbreedte instelt, zal de afspeellijst vertoont worden aan de rechterzijde van het videofame <strong>boven</strong> het controle paneel. De breedte van de afspeellijst is simpel <samp>breedte - vertoonbreedte</samp> in dat geval. Het gebruik van vertoonhoogte is een beetje meer gecompliceerd, omdat voor het controle paneel gerekend moet worden. De hoogte van het controle paneel is 20px, dus als je de vertoonhoogte instelt op een kleinere waarde dan <samp>hoogte - 20</samp>, zal de afspeellijst dat verschil opvullen <strong>onder</strong> het controle paneel. In dit geval is de hoogte van de afspeellijst <samp>hoogte - vertoonhoogte - 20</samp>. Er is ook een speciale kwestie waar geen afspeellijst word getoond maar een ander effect word bereikt: Het instellen van de vertoonhoogte <strong>gelijkwaardig</strong> aan de hoogte zorgt ervoor dat het controle paneel een beetje kleiner word binnenin de video en komt te voorschijn/verdwijnt wanneer de muis over de video heengaat. Verder, indien je een .<strong>m4v</strong> bestandsextensie gebruikt in de lokatie tag, dan <strong>moet</strong> je het media type handmatig specificeren voor de relevante track door het volgende element op het <strong>einde</strong> van de track definitie: <samp>&lt;meta rel=&quot;type&quot;&gt;flv&lt;/meta&gt;</samp></p>
<h2>Parameters</h2>
<p>Sommige parameters van de speler zijn gerelateerd aan afspeellijsten: Als je de afbeeldingen wilt tonen die toegevoegd zijn aan de afspeellijst ingangen, in de lijst als thumbnails getoond, kun je de parameter <strong>plthumbs</strong> op waar instellen.</p>
<!-- TRANSLATE -->
<br /><div class="pagenavbar"><div><a href="nl-nl.doc4.html">&lt;&lt; Vorige</a> - <a href="nl-nl.doc6.html">Volgende &gt;&gt;</a></div></div><br /></td>
</tr>
<tr>
	<td colspan="2"  class="modifydate">
		Laatste aanpassing ( Zaterdag 05 Juli 2008 03:45 )
	</td>
</tr>
</table></body>
</html>